html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{margin:0;padding:0;border:0;font-weight:400;font-size:100%;vertical-align:baseline;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-size:62.5%;overflow-y:scroll}
body{line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:1.4rem;font-family:Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','メイリオ',Meiryo,sans-serif;color:#4e3822;background:#f3d2c1;letter-spacing:.1em;line-height:1.6}
input,textarea,select,td,button{font-family:inherit;font-size:inherit;color:inherit;vertical-align:middle}
input,textarea{color:#614a44;background:#fffff3;border:1px solid #614a44;margin:5px 0}
td{word-break:break-all}
ol,ul{list-style:none;list-style-type:none}
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}
a{color:#d88b9c;text-decoration:none;outline:none}
a img{border-style:none}
a:focus{outline:none}
::selection{color:#fffff3;background-color:#d88b9c}
em{font-weight:700;font-style:normal;text-decoration:underline}
.break{margin-bottom:1em}
iframe{border:none}
h1,h2,h3,h4,header,.side-title,.copyright{font-family:'Comfortaa',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','メイリオ',Meiryo,sans-serif}
.entry-title{color:#fef6e4;background-color:#2b1408;margin:-8px -8px 20px;padding:2px 5px;text-shadow:none;border-bottom:1px dashed #b7a196;box-shadow:0 4px 0 #2b1408}
.section-title{color:#fef6e4;background:#614a44 url(../back/skmt01.png) no-repeat right bottom;margin:10px 0;padding:2px 20px 2px 5px;border-radius:3px;text-shadow:1px 1px 1px #2b1408;min-height:20px}
.side-title{background:url(../back/skmt02.png) right center no-repeat;margin:-8px -8px 8px;padding:2px 5px;text-shadow:none}
.side-title:first-letter,.block h2:first-letter{font-size:1.3em}
.footer-title{background:url(../back/paget.png) no-repeat 0 -122px;text-indent:25px;border-bottom:1px solid #2b1408;display:block;width:100%;margin:10px 0;padding:2px 0}
#headerRogo span,h2 span,#footer-wrap a:hover,.footer-title,#breadcrumbs a,.side-title:first-letter,.sidemenu a:hover{color:#d88b9c}
#pagetop:hover,#paged:hover,#open-h:before,#open-h:after{background-color:#d88b9c}
.related-title{color:#fef6e4;background-color:#614a44;margin:-8px -8px 10px;padding:2px 5px;text-shadow:none;border-bottom:1px dashed #b7a196;box-shadow:0 4px 0 #614a44}
/* ---- base start ---- */
#wrapper{position:relative;display:flex;flex-direction:column;min-height:100vh;width:100%}
#header-wrap,#container,#footer-wrap{width:100%;min-width:1080px}
#header-link,#contents,#footer-link{width:1200px;margin:0 auto;padding:5px 0}
nav{width:1200px;margin:0 auto}
#header-wrap{position:fixed;top:0;left:0;z-index:2;width:100%;background:#2b1408;margin-bottom:7px}
header{color:#fef6e4;line-height:1}
#container{z-index:1;flex:1}
#contents{padding:20px 0}
#column{display:flex;justify-content:center}
#rightcolumn{width:30%}
#leftcolumn{width:70%;margin: 0 20px 0 0}
footer{margin-top:auto;width:100%}
#footer-wrap{color:#fef6e4;background:#614a44;overflow:hidden;border-top:1px dashed #fef6e4;box-shadow:0 0 0 3px #614a44;text-shadow:1px 1px 1px #2b1408}
#footer-wrap a{color:#fef6e4}
#footer-link{padding:0 0 20px}
/* ---- base end ---- */

/* ---- navi start ---- */
#header-link{display:flex;justify-content:space-between;flex-wrap:wrap;}
#headerRogo a{font-family:'Candal','Comfortaa',cursive;color:#fef6e4;font-size:2.2rem;line-height:1;letter-spacing:0}
#headerRank ul{display:inline-block;font-size:0}
.rank li{display:inline-block;height:32px;overflow:hidden;font-size: 10pt}
.rank li a{background:url(../rank/rank03.png) no-repeat;display:block;height:32px;width:33px;overflow:hidden;text-indent:100%;white-space:nowrap}
.rank .rank01{background-position:0 0}
.rank .rank02{background-position:0 -50px}
.rank .rank03{background-position:0 -100px}
.rank .rank04{background-position:0 -150px}
.rank .rank05{background-position:0 -200px}
.rank .rank06{background-position:0 -250px}
.rank .rank07{background-position:0 -300px}
#fixedmenu{background:#2b1408;border-bottom:1px dashed #b7a196;top:0;left:0;box-shadow:0 6px 0 0 #2b1408,0 7px 5px #2b1408;padding:5px}
#mainnavi{position:relative}
nav li{display:inline-block}
nav a{color:#fef6e4;display:inline-block;font-size:1.8rem;margin-right:8px;letter-spacing:0}
nav a:hover{color:#cbbb89}
.col01:first-letter{color:#d65780}
.col02:first-letter{color:#d88b9c}
.col03:first-letter{color:#80b5bc}
.col04:first-letter{color:#e0bd19}
.col05:first-letter{color:#a2bd60}
.col08:first-letter{color:#cbbb89}
.col09:first-letter{color:#fcab09}
#footer-link ul{margin-bottom:10px}
#footer-link li:before{margin:0 5px;content:"\203a"}
#footer-link li{border-bottom:1px dashed #2b1408;display:inline-block;margin-right:20px}
.site-nav,.site-navthanks{padding-right:30px}
.copyright{color:#b7a196;bottom:0;text-align:center;vertical-align:middle;background:#2b1408;border-top:1px dashed #b7a196;box-shadow:0 0 0 3px #2b1408}
.copyright a span{color:#f09199}
#breadcrumbs{font-size:.8em;margin-bottom:10px}
#breadcrumbs ol{border-radius:5px;display:inline-block;background:#614a44;color:#fef6e4;padding:2px 5px}
#breadcrumbs li{display:inline}
#breadcrumbs li:first-child a::before{font-family:"icomoon";content:"\e906";margin-right:2px}
#breadcrumbs li + li:before{margin:0 2px 0 0;content:"\00BB";vertical-align:top}
#breadcrumbs a{letter-spacing:normal}
#pagetop,#paged{font-size:2rem;height:45px;width:45px;line-height:45px;border-radius:30px;text-shadow:1px 1px 2px #614a44;box-shadow:1px 2px 2px #2b1408;color:#fef6e4;position:fixed;bottom:5px;text-align:center;z-index:3;border:2px solid #b7a196}
#pagetop{right:10px;background:#2b1408 url(../back/paget.png) no-repeat 0 -50px;letter-spacing:0}
#pagetop::before{position:relative;font-family:"icomoon";content:"\e905"}
#pagetop:hover,#paged:hover{color:#2b1408}
/* ---- navi end ---- */

/* ---- container start ---- */
.block,.sample,.blockm{background:#fef6e4;border:3px #2b1408 solid;border-radius:5px;text-shadow:1px 1px 1px #ccc;margin:0 0 20px;padding:8px;word-wrap:break-word;clear:both}
.sidemenu{color:#fef6e4;margin:5px 4px 20px;padding:8px;background:#614a44;border-radius:5px;border:1px dashed #fef6e4;box-shadow:0 0 0 4px #614a44}
.block img,.blockm img{max-width:100%;height:auto}
.block a{border-bottom:1px solid}
.block a:hover{border-bottom:1px dashed #614a44}
.textlink::after{font-family:"icomoon";content:"\e909";margin-left:3px}
.blank::after{font-family:"icomoon";content:"\e90e";margin-left:3px}
.sample,.blockm{text-align:center;overflow: hidden}
.sample img{margin:3px 2px;box-shadow:1px 1px 2px #666}
.blockm{text-shadow:none}
.sidemenu a{color:#fef6e4}
.sidemenu a:visited{color:#b7a196}
.sidemenu li{background:url(../back/kuma02.png) left center no-repeat;border-bottom:1px dashed #b7a196;margin:5px 0;min-height:15px}
.sidemenu li a{display:block;padding:3px 0 3px 20px}
.sidemenu li.act{background-image:url(../back/usa02.png)}
.sidemenu li.grp{background-image:url(../back/skmt03.png)}
.sidemenu li.grpact{background-image:url(../back/usa03.png)}
/* ---- container end ---- */

/* ---- paginate start ---- */
#navigation a{color:#2b1408}
#navigation ul li .act{color:#fef6e4;background:#2b1408}
#navigation ul li{display:inline-block;margin:0 5px 5px 0;border-bottom:0}
#navigation ul li a{display:block;overflow:hidden;padding:0 2px;background:#d88b9c;border-radius:5px}
.paginate{text-align:center;margin:0 0 20px;letter-spacing:0}
.pnbg{background-color:rgba( 250, 247, 230, 0.50 );border-radius:5px}
.paginate li{display:inline}
.paginate li a{color:#614a44;background:#eae0cc}
.paginate li a,li.pagenot,li.current,li.single{display:inline-block;padding:4px 8px;border-radius:16px}
.paginate li a:hover{color:#fef6e4;background:#d88b9c}
li.navpage a{color:#fef6e4;background:#d88b9c}
li.pagetop a{color:#fef6e4;background:#2b1408}
li.navpage a:hover,li.pagetop a:hover{background:#614a44}
li.pagenot{background:#ccc}
li.current{color:#fef6e4;background:#614a44}
li.single{color:#fef6e4;background:#2b1408}
/* ---- paginate end ---- */

/* ---- others start ---- */
.color{margin:10px 10px 0;text-align:center}
.color-wall,button.bg{display:none}
.color button{border:0;padding:0 5px;border-radius:5px;}
hr{border:0;border-bottom:2px dotted #b7a196;display:block;margin:.5em 0;padding:0;height:1px}
.marker{background: #e5b2bd;background: -webkit-linear-gradient(rgba(229,178,189,0) 70%, #e5b2bd 0%);background: linear-gradient(rgba(229,178,189,0) 70%, #e5b2bd 0%)}
.pos{background-color:#eae5d3;border-radius:3px;color:#614a44;margin:1em 0 5px 0;padding:5px}
.pos01{background-color:#eae5d3;border-radius:3px;color:#614a44;margin:1em 0;padding:10px 10px 10px 62px;position:relative;display:block;text-align:left}
.pos01::before{font-family:"icomoon";font-size:30px;position:absolute;padding-right:.15em;line-height:1em;top:50%;margin-top:-.5em;left:10px;width:44px;text-align:center}
.information-box::before{color:#998479;content:'\e901'}
.question-box::before{color:#d59533;content:'\e902'}
.alert-box::before{color:#cb6266;content:'\e904'}
.ng-box::before{color:#9abfc6;content:'\e90a'}
.ok-box::before{color:#e3adb9;content:'\e900'}
.memo-box::before{color:#998479;content:'\e913'}
.pos02{font-size:.9em;position:relative;display:inline-block;padding:.3em 60px}
.pos02:before,.pos02:after{content:'';position:absolute;top:50%;display:inline-block;width:50px;height:1px;border-top:dashed 1px}
.pos02:before{left:0}
.pos02:after{right:0}
.pos02 span:before,.pos02 span:after{content:'\002665';color:#d88b9c}
.text01{padding-bottom:1em}
.text01 span{border-bottom:solid 1px #614a44;padding-bottom:3px}
.pos img,.pos01 img{border:none;vertical-align:middle}
.memo{background-color:#eae5d3;border-radius:0 0 5px 5px;border-top:dashed #2b1408 1px;margin:10px -8px -8px;padding:5px;text-align:right}
.memo01{background-color:#fffff3;border:2px solid #e6b0af;font-size:.8em;padding:0 5px;border-radius:5px;display:inline-block;margin:0 0 10px 0}
.baline{color:#614a44;display:flex;align-items:center}
.baline:before{content:"";flex-grow:1;border-top:1px dashed #614a44;display:block}
.baline a{border-radius:5px;color:#2b1408;margin:0 0 0 5px;padding:0 5px}
.ba200{background:#fdac09}
.ba32{background:#e85f5a}
.ba88{background:#fa829e}
.bnr{background:#cfc295}
.nobnr{background:#7dd1cc}
.tem{background:#a2bd60}
.blockm img{margin:3px 2px}/* top */
.middle{vertical-align:middle}
.clapm{margin:1.5em auto 0 0;text-align:right}
.clapm a{color:#fffff3;background:#2b1408;position:relative;border-radius:3px;text-shadow:none;border:1px dashed #b7a196;box-shadow:0 0 0 3px #2b1408;padding:2px 5px 2px 30px;min-height:24px;margin:0 3px 5px 0;}
.clapm a:before{content:url(../back/usa03.png);position:absolute;top:2px;left:5px}
.clapm a:hover:before{content:url(../back/kuma04.png)}
.m-ba .box,.sam-b .box,box{line-height:1;margin:4px}
.m-ba .box img{margin:2px 4px 2px 0}
.m-icon .box,.m-line .box{display:inline-block;margin:3px;vertical-align:middle}
.boxsp{display:inline-block;line-height:1;margin:0 4px;width:332px}
.boxsp02{display:inline-block;line-height:1;margin:0 4px;width:296px}
.boxsp03{display:inline-block;line-height:1;margin:0 4px;width:368px}
.m-bgbl{background-color:#000;border-radius:8px;color:#fef6e4}
.m-bgwh{background-color:#fff;border-radius:8px}
.m-line img{margin:0 8px 10px;vertical-align:middle}
.m-line .save img{height:10px}
.m-frame img{border:1px solid;margin:10px 10px 0 0;box-sizing:content-box}
.m-frame .box{width:80%;margin:0 auto}
.boxtwo{width:45%;margin:0 auto}
#wallimg > h2,#wallimg02 > h2,#wallimg03 > h2{margin-top:0}
#wallimg,#wallimg02,#wallimg03{margin:-16px -8px -8px;padding:16px 8px 8px;border-radius:0 0 2px 2px}
.wallimg{margin:10px auto 0;line-height:1;background-color:rgba(254,246,228,.7);border-radius:5px;width:90%}
.wallimg img{background:#fef6e4;border:1px dotted #614a44;margin:5px;padding:4px;box-sizing:content-box}
pre.prettyprint{margin:10px auto!important}
.ver span{font-size:.9em;background:#d88b9c;border-radius:14px;color:#fef6e4;display:inline-block;margin:10px 3px;padding:3px 30px}
.ver span a{color:#fef6e4}
.ver span img{margin:0}

.box-container{display:flex;flex-wrap:wrap;justify-content:center}
.item-box{background:#fffff3;border:1px solid #2b1408;margin:4px;padding:1px;position:relative;box-shadow:1px 1px 2px #666;line-height:1;overflow:hidden}
.item-box img{max-width:none;margin:0;box-shadow:none;display:block;object-fit:cover;object-position:0 100%}
.item-r img{object-position:100% 100%}
.item-mrb img{object-fit:none;object-position:100% 100%}
.item-mlb img{object-fit:none;object-position:0 100%}
.item-mrt img{object-fit:none;object-position:100% 0}
.item-mlt img{object-fit:none;object-position:0 0}
.item-box br{display:block;content:"";margin:3px 0}
.matching .item-box br{display:block;content:""}
.item-plate{display:flex;width:180px;height:104px}
.item-line{display:flex;width:180px;height:104px}
.item-splate{display:flex;width:208px;height:104px}
.item-ssplate{display:flex;width:104px;height:104px}
.item-rb,.item-rt,.item-rc,.item-lb,.item-lt,.item-center{display:flex;width:100%}
.item-rb{align-items:flex-end;justify-content:right}
.item-rt{align-items:flex-start;justify-content:right}
.item-rc{align-items:center;justify-content:right}
.item-lb{align-items:flex-end;justify-content:left}
.item-lt{align-items:flex-start;justify-content:left}
.item-center{align-items:center;justify-content:center}
.item-bgbl{background:#000}
.item-bgwh{background:#fff}
.matching .item-plate,.matching .item-line{width:104px}
.matching .item-frame img{width:100px}
.item-label{background-color:rgba(43,20,8,.8);color:rgba(250,247,230);border-radius:3px;box-sizing:border-box;font-size:11px;letter-spacing:0;left:3px;top:3px;max-width:90%;overflow:hidden;overflow-wrap:break-word;padding:.2em .5em;position:absolute;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;text-shadow:none}
/*.item-label:before{font-family:"icomoon";content:"\e9da";margin-right:2px}*/
.item-menu .item-label{background-color:rgba(147,180,71,.9)}
.item-plate .item-label,.item-splate .item-label,.item-ssplate .item-label{background-color:rgba(66,56,133,.9)}
.item-line .item-label,.item-sline .item-label{background-color:rgba(154,191,198,.9)}
.item-bg .item-label{background-color:rgba(202,71,92,.9)}
.item-bnr .item-label{background-color:rgba(203,72,41,.9)}
.item-frame .item-label{background-color:rgba(239,133,115,.9)}
.item-tw .item-label{background-color:rgba(43,20,8,.9)}
.item-xmas .item-label{background-color:rgba(232,95,90,.9)}
.item-hw .item-label{background-color:rgba(250,195,83,.9);color:#2b1408}
.item-sm .item-label{background-color:rgba(72,210,221,.9)}
.item-va .item-label{color:#edbcbe}
.item-rainy .item-label{background-color:rgba(170,242,242,.9);color:#2b1408}
.item-year .item-label{color:#f9e773}
.item-line img{object-position:50% 50%}
.sample .item-line img{margin:0}
/* ---- others end ---- */

/* ---- jquery start ---- */
#side-bg,#dl-menu,#open-h{display:none}
.dl-menuwrapper{width:100%;float:left;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%}
.dl-menuwrapper:first-child{margin-right:100px}
.dl-menuwrapper button{background:#614a44;border:none;width:48px;height:48px;overflow:hidden;position:relative;cursor:pointer;outline:none;border-radius:10px;border:2px solid #b7a196;left:10px}
.dl-menuwrapper button:hover{background:#d88b9c;border:2px solid #614a44}
.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#d88b9c}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.dl-menuwrapper li{background:#614a44;position:relative}
.dl-menuwrapper li a{color:#fef6e4;display:block;position:relative;padding:10px 20px;line-height:20px;font-weight:300;outline:none;border-bottom:1px dashed #eae5d3}
.dl-menuwrapper li.copy,.dl-menuwrapper li.dl-back{background:#2b1408 url(../back/skmt01.png) no-repeat right bottom}
.dl-menuwrapper li.otherpage{background:#b7a196}
.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.2)}
.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0,0,0,0.1)}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:40px;-webkit-font-smoothing:antialiased;content:url("../images/arrow02.png")}
.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212,204,198,0.3);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dl-menuwrapper li > a:after{right:10px;color:rgba(0,0,0,0.15)}
.dl-menuwrapper .dl-menu{position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all .3s ease}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}
.dl-menuwrapper li .dl-submenu{display:none}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a{display:none}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block}
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:0;left:0;margin:0}
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 .3s ease-in-out;animation:MenuAnimOut1 .3s ease-in-out}

@-webkit-keyframes MenuAnimOut1 {
0% { }
50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
@keyframes MenuAnimOut1 {
0% { }
50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 .3s ease-in-out;animation:MenuAnimIn1 .3s ease-in-out}
@-webkit-keyframes MenuAnimIn1 {
0%{-webkit-transform:translateX(-100%) rotateY(0deg);opacity:0}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-webkit-transform:translateX(0px) rotateY(0deg);opacity:1}
}
@keyframes MenuAnimIn1 {
0%{-webkit-transform:translateX(-100%) rotateY(0deg);transform:translateX(-100%) rotateY(0deg);opacity:0}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-webkit-transform:translateX(0px) rotateY(0deg);transform:translateX(0px) rotateY(0deg);opacity:1}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 .3s ease-in-out;animation:SubMenuAnimIn1 .3s ease-in-out}
@-webkit-keyframes SubMenuAnimIn1 {
0%{-webkit-transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0px);opacity:1}
}
@keyframes SubMenuAnimIn1 {
0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 .3s ease-in-out;animation:SubMenuAnimOut1 .3s ease-in-out}
@-webkit-keyframes SubMenuAnimOut1 {
0%{-webkit-transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(100%);opacity:0}
}
@keyframes SubMenuAnimOut1 {
0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
}
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none}
.no-js .dl-menuwrapper li .dl-submenu{display:block}
.no-js .dl-menuwrapper li.dl-back{display:none}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1)}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:''}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
#cboxWrapper{max-width:none}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box}
#cboxOverlay{background:#fff;opacity:.9}
#colorbox{outline:0}
#cboxTopLeft{width:25px;height:25px;background:url(../images/border1.png) no-repeat 0 0}
#cboxTopCenter{height:25px;background:url(../images/border1.png) repeat-x 0 -50px}
#cboxTopRight{width:25px;height:25px;background:url(../images/border1.png) no-repeat -25px 0}
#cboxBottomLeft{width:25px;height:25px;background:url(../images/border1.png) no-repeat 0 -25px}
#cboxBottomCenter{height:25px;background:url(../images/border1.png) repeat-x 0 -75px}
#cboxBottomRight{width:25px;height:25px;background:url(../images/border1.png) no-repeat -25px -25px}
#cboxMiddleLeft{width:25px;background:url(../images/border2.png) repeat-y 0 0}
#cboxMiddleRight{width:25px;background:url(../images/border2.png) repeat-y -25px 0}
#cboxContent{background:#fff;overflow:hidden}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{margin-bottom:30px}
#cboxTitle{position:absolute;bottom:0;left:0;text-align:center;width:100%;color:#999}
#cboxCurrent{position:absolute;bottom:0;left:70px;color:#999}
#cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(../images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious:hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(../images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px}
#cboxNext:hover{background-position:-50px -25px}
#cboxClose{position:absolute;bottom:0;right:0;background:url(../images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px}
#cboxClose:hover{background-position:-25px -25px}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxSlideshow{position:absolute;bottom:0;right:42px;color:#444}
#filters{padding:20px 0}
#filters button{color:#614a44;background:#cfc295;border:0;margin:0 10px 10px 0;padding:5px;border-radius:5px;box-shadow:2px 2px 2px #2b1408}
#filters button:first-child{color:#fef6e4;background:#614a44}
.isotope .item{display:inline-block}
/* ---- jquery end ---- */

@media screen and (max-width: 1200px) {
#header-wrap,#container,#footer-wrap{min-width:95%}
#header-link,#contents,#footer-link,nav{width:95%}
.isotope{overflow:hidden}
}
@media screen and (max-height:768px) {
#header-wrap,#footer-wrap{position:static}
}
@media screen and (max-width: 900px) {
html,body{height:auto}
body{font-size:1.6rem}
#wrapper{width:auto}
#header-wrap{position:static}
#header-wrap,#container,#footer-wrap{min-width:300px}
#header-wrap{min-height:50px}
#header-link{width:100%;padding:5px 3px 0 5px}
#column{flex-direction:column}
#rightcolumn,#leftcolumn{width:100%;margin:0 auto}
#leftcolumn{margin-bottom:20px}
.sidemenu li{display:inline-block}
.sidemenu li br{display:none}
/* ---- navi ---- */
.fixed{position:fixed;top:0;width:100%;z-index:2}
nav{position:relative;width:auto}
nav ul{text-align:right}
nav li{overflow:hidden;margin-right:3px}
nav li a{background:#614a44 url(../back/nav01.png) no-repeat 0 0;display:inline-block;height:48px;width:48px;overflow:hidden;text-indent:100%;white-space:nowrap;border-radius:30px;border:2px solid #b7a196;margin-right:0}
nav li a:hover{background-color:#d88b9c;border:2px solid #614a44}
nav ul li.menu01 a{background-position:2px 0}
nav ul li.menu02 a{background-position:2px -60px}
nav ul li.menu03 a{background-position:2px -120px}
nav ul li.menu04 a{background-position:2px -180px}
#footer-link{font-size:.8em}
#footer-link li{border-bottom:0}
.site-nav,.site-navthanks{padding:0 0 10px 0}
#pagetop,#paged{right:5px}
#navigation ul li a{padding:5px;border-radius:9px}
.paginate li a,li.pagenot,li.current{padding:8px 11px;margin:0 2px;border-radius:10px}
li.pagetop a{padding:8px 3px}
li.single{padding:8px 2px;border-radius:10px}
li.current{padding:8px 4px}
/* ---- jquery ---- */
.dl-menuwrapper:first-child{margin-right:0}
.dl-menuwrapper button.dl-active{background:none;border:none;width:40px;left:310px;top:10px;z-index:1002;position:absolute}
#dl-trigger.buttonclose{position:fixed}
#dl-menu{display:inherit;position:absolute;top:0}
#dl-menu.z-index{height:100%;width:300px}
#dlnav-wrap.z-index{position:fixed;top:0;left:0;height:100%;z-index:1001}
#dlnav-wrap.z-index ul{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
#side-bg{background:rgba(51,51,51,.5);display:none;position:fixed;height:100%;width:100%;top:0;left:0;z-index:999;cursor:pointer}
.overflow{overflow:hidden}
.open-text{color:#fef6e4;position:absolute;bottom:0;left:0;width:100%;font-size:1.2rem}
#open-icon,#open-icon:before,#open-icon:after{background:#fef6e4}
#open-icon{display:block;margin:-1px 0 0 -10px;position:absolute;top:15px;left:50%;height:2px;width:20px}
#open-icon:before,#open-icon:after{content:"";display:block;position:absolute;top:50%;left:0;height:2px;width:20px;transition:.3s}
#open-icon:before{margin-top:-8px}
#open-icon:after{margin-top:6px}
#dl-trigger{display:inline-block;position:absolute}
#dl-trigger .close{background:transparent}
#dl-trigger .close:before,#dl-trigger .close:after{margin-top:0}
#dl-trigger .close:before{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#dl-trigger .close:after{-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
/* ---- others ---- */
.sidemenu li a{padding:10px 0 10px 20px}
.sidemenu li.grp,.sidemenu li.grpact{margin:0;padding:0;background:none;border-bottom:0;display:inline-block}
.sidemenu li.grp a{margin:5px 0;color:#fef6e4;background:#2b1408;padding:7px;border-radius:10px;display:inline-block}
.sidemenu li.grpact a{margin:5px 0;color:#fef6e4;background:#d88b9c;padding:7px;border-radius:10px;display:inline-block}
.sidemenu li.grp a:visited{color:#fef6e4}
.none-r,.color{display:none}
.copyright{font-size:1.3rem}
#open-h{top:5px;left:300px}
#open-h.open{display:inline-block;position:absolute;width:60px;height:60px;z-index:1000}
#open-h:before,#open-h:after{position:absolute;content:"";width:28px;height:40px}
#open-h:before{left:11px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50px 50px 0 0}
#open-h:after{left:21px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50px 50px 0 0}
#wallimg03 .section-title{margin-bottom:50px}
.color-wall{display:block;margin:0 auto 10px;line-height:1}
.color-wall span{vertical-align:middle}
button.bg{font-size:11px;display:inline-block;background:#cfc295;border:0;padding:0 5px;border-radius:10px}
button.bg::before{font-family:"icomoon";content:"\e915";vertical-align:middle;margin-right:3px;}
button.cl{font-size:11px;color:#614a44;border:0;padding:2px 5px;border-radius:10px}
.m-wall .pos02{background-color:rgba(250,247,230,.8);border-radius:5px}
.m-frame .box,.boxtwo{width:95%}
}
@media screen and (max-width: 600px) {
#headerRogo a{font-size:1.8rem}
.rank li{height:25px;width:25px}
.rank li a{margin:0 3px}
.rank .rank01{background-position:-51px 0}
.rank .rank02{background-position:-51px -50px}
.rank .rank03{background-position:-51px -100px}
.rank .rank04{background-position:-51px -150px}
.rank .rank05{background-position:-51px -200px}
.rank .rank06{background-position:-51px -250px}
.rank .rank07{background-position:-51px -300px}
li.off{display:none}
p.nobreak br{display:none}
.wallimg br{display:none}
.item-box{margin:3px 2px;padding:0}
.item-plate,.item-line{width:150px}
}
@media screen and (max-width: 359px) {
#open-h{left:280px}
.dl-menuwrapper button.dl-active{left:290px}
#dl-menu.z-index{width:280px}
.wallimg img{max-width:240px}
.thumbnail img:not(.exclude){width:auto;height:80px}

}